<template>
    <div class="content">
        <ul class="list" v-html="learnModel.context">

</ul>
    </div>
</template>
<script setup lang="ts">
import type { LearnModel } from '@/api/international';
import {learnApi} from '@/api/international/index';
const learnModel=ref<LearnModel>({context:''}) 
onMounted( async()=>{
     const response=await learnApi(3)
     if(response.code===200){
        learnModel.value=response.data ?? {context:''}
     }
})

</script>
<style scoped lang='less'>
.content {
    width: calc(100% - 220px);
    padding-left: 25px;
    height: 100%;

    >img {
        width: 100%;
        height: 400px;
    }

    // background-color: red;


    >.list {
        li {
            list-style: none;

        }

        li:first-child {
            font-size: 20px;
            font-weight: bold;
            border-bottom: 1px solid #d7d6d6;
            padding: 30px 0 15px 0;
        }

        li:not(:first-child) {
            margin-top: 15px;
            font-size: 18px;
        }

    }

}
</style>
